<ion-header>

	<ion-toolbar>
		<ion-title>Inbox</ion-title>
	</ion-toolbar>

</ion-header>


<ion-content class="outer-content">

	<ion-list no-lines>
		<ion-list-header>
			Recent chat
		</ion-list-header>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Abbey Christensen</ion-label>
			<ion-icon name="chatbubbles" item-end color="primary"></ion-icon>
		</ion-item>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Alex Nelson</ion-label>
			<ion-icon name="chatbubbles" item-end color="primary"></ion-icon>
		</ion-item>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Mary Johnson</ion-label>
			<ion-icon name="chatbubbles" item-end color="light"></ion-icon>
		</ion-item>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Peter Carlsson</ion-label>
			<ion-icon name="chatbubbles" item-end color="light"></ion-icon>
		</ion-item>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Trevor Hansen</ion-label>
			<ion-icon name="chatbubbles" item-end color="light"></ion-icon>
		</ion-item>
	</ion-list>

	<ion-list no-lines>
		<ion-list-header>
			Previous chats
		</ion-list-header>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Britta Holt</ion-label>
			<ion-icon name="chatbubbles" item-end color="light"></ion-icon>
		</ion-item>

		<ion-item>
			<ion-avatar item-start>
				<img src="">
			</ion-avatar>
			<ion-label>Sandra Adams</ion-label>
			<ion-icon name="chatbubbles" item-end color="light"></ion-icon>
		</ion-item>
  </ion-list>

</ion-content>

<style>
  img {
    height: 100px;
  }
</style>